<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>文本装饰</title>

        <style type="text/css">

            .wrapper { 
                border: 1px solid blue ; 
                text-decoration: overline underline ;
                padding: 15px ;
                margin: 15px ;
            }

            .inner { 
                border: 1px solid green ; 
                margin: 15px ; 
                padding: 15px ; 
            }

            .decoration {
                text-decoration: none ;
            }

        </style>

    </head>
    <body>

        <div class="wrapper">
            <div class="inner">我是DIV中的文本</div>
            <p class="inner">我是段落标记中的文本</p>
            <pre class="inner">我是与排版标记中的文本</pre>
        </div>

        <div class="wrapper">
            <div class="decoration">
                试一试
            </div>
        </div>

        
    </body>
</html>